<!DOCTYPE html>
<html lang="en" data-reactroot="">
    <head>
        <meta charSet="utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
        <meta http-equiv="Content-Language" content="zh-cn"/>
        <meta name="keywords" content="音乐,QQ音乐,在线听歌,音乐下载,音乐播放器,音乐网站,MV,巅峰榜,音乐排行榜,翻译歌曲,热门歌曲,经典老歌,无损音乐,无损曲库"/>
        <meta name="description" content="QQ音乐是腾讯公司推出的一款网络音乐服务产品，海量音乐在线试听、新歌热歌在线首发、歌词翻译、手机铃声下载、高品质无损音乐试听、海量无损曲库、正版音乐下载、空间背景音乐设置、MV观看等，是互联网音乐播放和下载的优选。"/>
        <meta name="mobile-agent" content="format==[html5];url=http://i.y.qq.com/n2/m/"/>
        <meta name="applicable-device" content="pc"/>
        <title>QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
        <link rel="canonical" href="https://y.qq.com/n/ryqq/index.html"/>
        <meta name="theme-color" content="#31c27c"/>
        <link rel="shortcut icon" href="//y.qq.com/favicon.ico?max_age=2592000"/>
        <script crossorigin="anonymous">
            if (window.location.protocol != 'https:')
                window.location.replace(window.location.href.replace('http://', 'https://'));
        </script>
        <script crossorigin="anonymous" src="//y.qq.com/component/m/qmfe-spd/iife/base.js?max_age=2592000"></script>
        <script crossorigin="anonymous" src="//y.qq.com/component/m/qmfe-assets-retry/index.umd.js?max_age=2592000"></script>
        <script src="//y.qq.com/component/m/qmfe-fqm-sdk/dist/index.js?max_age=2592000"></script>
        <script>
            FQM && FQM.init({
                appId: '7642c64d-5680-42a8-b8be-b2a114021486',
            })
        </script>
        <link rel="stylesheet" href="/ryqq/css/Page.12f541d7f7f5bb09941b.chunk.css?max_age=2592000"/>
        <link rel="stylesheet" href="/ryqq/css/common.2e3d715e72682303d35b.chunk.css?max_age=2592000"/>
        <link rel="stylesheet" href="/ryqq/css/player.1d2dbefbea113438324a.chunk.css?max_age=2592000"/>
    </head>
    <body>
        <div id="app">
            <h1 class="player_logo">
                <a href="/" target="_blank">
                    <img class="player_logo__pic" srcSet="//y.qq.com/mediastyle/yqq/img/player_logo@2x.png?max_age=2592000 2x" src="//y.qq.com/mediastyle/yqq/img/player_logo.png?max_age=2592000" alt="QQ音乐"/>
                </a>
            </h1>
            <div class="bg_player_mask"></div>
            <div class="bg_player" style="display:none;background-image:url(null);background-color:#fff"></div>
            <div class="mod_player_login">
                <a class="player_login__link">
                    <span class="player_login__txt">登录</span>
                </a>
                <a class="player_login__link player_login__link--set">
                    <span class="player_login__txt">设置</span>
                </a>
            </div>
            <div class="mod_player">
                <div class="player__hd"></div>
                <div class="player__bd">
                    <div class="player_style_normal">
                        <div class="mod_songlist_toolbar">
                            <a class="mod_btn">
                                <i class="mod_btn_green__icon_like"></i>
                                收藏<span class="mod_btn__border"></span>
                            </a>
                            <a class="mod_btn">
                                <i class="mod_btn_green__icon_add"></i>
                                添加到<span class="mod_btn__border"></span>
                            </a>
                            <a class="mod_btn">
                                <i class="mod_btn_green__icon_down"></i>
                                下载<span class="mod_btn__border"></span>
                            </a>
                            <a class="mod_btn">
                                <i class="mod_btn_green__icon_delete"></i>
                                删除<span class="mod_btn__border"></span>
                            </a>
                            <a class="mod_btn">
                                <i class="mod_btn_green__icon_clear"></i>
                                清空列表<span class="mod_btn__border"></span>
                            </a>
                        </div>
                        <div class="sb_scrollable sb_main sb_viewport">
                            <div class="sb_overview">
                                <div class="mod_songlist mod_songlist--edit">
                                    <ul class="songlist__header">
                                        <li class="sprite songlist__edit songlist__edit">
                                            <input type="checkbox" class="songlist__checkbox"/>
                                        </li>
                                        <li class="songlist__header_name">歌曲</li>
                                        <li class="songlist__header_author">歌手</li>
                                        <li class="songlist__header_time">时长</li>
                                    </ul>
                                    <ul class="songlist__list"></ul>
                                </div>
                            </div>
                        </div>
                        <div class="mod_song_info">
                            <div class="song_info__info">
                                <a class="song_info__cover" href="" target="_blank" rel="noopener noreferrer">
                                    <img class="song_info__pic" loading="lazy" src="" data-qar-def="//y.qq.com/mediastyle/global/img/album_300.png?max_age=2592000"/>
                                </a>
                            </div>
                            <div class="song_info__lyric">
                                <div class="song_info__lyric_box" id="js_lyric_box">
                                    <div class="song_info__lyric_inner" style="transition:transform 0.1s ease-out;transform:translateY(-0px)" id="qrc_ctn"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="player__ft">
                    <a class="btn_big_prev">
                        <span class="icon_txt">上一首</span>
                    </a>
                    <a class="btn_big_play">
                        <span class="icon_txt">播放</span>
                    </a>
                    <a class="btn_big_next">
                        <span class="icon_txt">下一首</span>
                    </a>
                    <div class="player_music">
                        <div class="player_progress">
                            <div class="player_progress__inner">
                                <div class="player_progress__load" style="width:0;margin-left:0"></div>
                                <div class="player_progress__play" style="width:0;margin-left:0">
                                    <i class="player_progress__dot"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <a class="btn_big_style_list" title="列表循环">
                        <span class="icon_txt">列表循环</span>
                    </a>
                    <a class="btn_big_like">
                        <span class="icon_txt">喜欢</span>
                    </a>
                    <a class="btn_big_down">
                        <span class="icon_txt">下载</span>
                    </a>
                    <a class="btn_big_only">
                        <span class="icon_txt">打开纯洁模式</span>
                    </a>
                    <a class="mod_btn_comment">
                        <span class="icon_txt">无评论</span>
                    </a>
                    <div class="player_progress player_voice">
                        <a class="btn_big_voice">
                            <span class="icon_txt">关闭声音</span>
                        </a>
                        <div class="player_progress__inner">
                            <div class="player_progress__play" style="width:100%">
                                <i class="player_progress__dot"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <script>
        window.__USE_SSR__ = true;
        window.__REPORT_TIME__ = 0;
        window.__INITIAL_DATA__ = {}
    </script>
    <script crossorigin="anonymous" type="text/javascript" src="/ryqq/js/runtime~Page.029fff936b0fe8ecc3b5.js?max_age=2592000"></script>
    <script crossorigin="anonymous" type="text/javascript" src="/ryqq/js/vendor.chunk.ef9ae512d819f8adc326.js?max_age=2592000"></script>
    <script crossorigin="anonymous" type="text/javascript" src="/ryqq/js/Page.chunk.9a6f91ec2a7ad4a1d555.js?max_age=2592000"></script>
</html>
